.there-customize {
    .avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
        color: #30FFEA;
        border-color: #30FFEA;
    }
    .avue-main{
        background: #041C23;
    }
    .avue-contail {
        background: #041C23;
    }
    .avue-logo{
        display: none;
    }
    .avue-sidebar,
    .avue-main {
        padding-top: 50px;
    }
    .avue-tags {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 40px;
        padding-left: 410px;
        background-color: transparent;
        border-top: none;
        background-image: url("/img/header-bg.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
    .avue-sidebar .el-menu-item.is-active:before, .avue-sidebar .el-sub-menu__title.is-active:before {
        width: 0;
    }
    .avue-layout {
        height: calc(100% - 10px);
    }
    .avue-sidebar .avue-menu {
        height: 100%;
    }
    .avue-sidebar .el-menu-item.is-active,
    .avue-sidebar .el-sub-menu__title.is-active,
    .avue-sidebar .el-menu-item:hover,
    .avue-sidebar .el-sub-menu__title:hover {
        background-image: linear-gradient(to right, rgba(55, 228, 226, 0.32), rgba(55, 228, 226, 0.1)) !important;
        color: #ffffff;
    }
    .avue-sidebar .el-menu-item:hover i,
    .avue-sidebar .el-menu-item:hover span,
    .avue-sidebar .el-sub-menu__title:hover i,
    .avue-sidebar .el-sub-menu__title:hover span {
        color: #ffffff !important;
    }
    .avue-top,
    .tags-container {
        background-color: transparent;
    }
    .el-card,.error-page {
        opacity: .9;
    }
    .avue-tabs {
        padding: 0 20px ;
    }
    .avue-top{
        .avue-breadcrumb{
            color:#fff;
        }
        .el-menu-item{
            i,span{
                color:#fff;
            }
            &.is-active{
                background-color: rgba(0,0,0,.4)
            }
        }
        .el-dropdown{
            color:#fff;
        }
    }
    .avue-sidebar{
        box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
        background-color:transparent;
        .avue-menu {
            border: none; /* 移除任何现有的边框 */
            box-shadow: inset 0px 0px 20px #1A5F5E; /* 向内创建阴影 */
        }
        .el-menu-item,.el-sub-menu__title{
        i,span{
            color:#fff
        }
        &:hover{
            background: transparent;
            i,span{
                color:#409EFF;
            }
        }
        &.is-active {
            background-color: rgba(0,0,0,.4);
            i,span{
                color:#fff;
            }
        }
        }
    }
    #avue-view {
        margin: 0 0 0 10px !important;
    }
    #avue-view,
    .iotdevice-list .left,
    .iotdevice-list .right,
    .avue-tags {
        border: none; /* 移除任何现有的边框 */
        box-shadow: inset 0px 0px 20px rgb(26, 95, 94); /* 向内创建阴影 */
    }

    .top-search {
        .el-input__inner{
        color: #333;
        }
        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #fff;
        }
        input:-moz-placeholder,
        textarea:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #fff;
        }
        input::-moz-placeholder,
        textarea::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #fff;
        }
        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #fff;
        }
    }
    .top-bar__item {
        i {
            color: #fff;
        }
    }
    .iotdevice-list .left,
    .el-card,
    .el-input,
    .el-input__wrapper,
    .el-input__inner,
    .el-tree,
    .el-table,
    .el-pagination,
    .el-pagination__sizes, .el-pagination__total,
    .el-select,
    .el-select__wrapper,
    .el-select__placeholder,
    .el-select__prefix, .el-select__suffix,
    .el-pagination__jump,
    .el-dialog,
    .el-dialog__title,
    .el-dialog__headerbtn .el-dialog__close,
    .el-message-box,
    .el-message-box__title,
    .el-message-box__headerbtn,
    .el-message-box__headerbtn .el-message-box__close,
    .el-message-box__content,
    .el-collapse,
    .el-collapse-item__wrap,
    .avue-crud__header,
    .el-table,
    .el-table tr,
    .avue-crud .el-table th.el-table__cell,
    .el-pagination.is-background .el-pager li,
    .el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .btn-prev.is-active, .el-pagination.is-background .el-pager li.is-active,
    .el-pagination.is-background .btn-next.is-disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.is-disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.is-disabled, .el-pagination.is-background .el-pager li:disabled,
    .el-drawer,
    .avue-dialog .el-dialog__title, .avue-dialog .el-drawer__header,
    .avue-crud__grid__content,
    .avue-crud__grid .title .avue-crud__grid__value,
    .avue-crud__grid__item,
    .avue-crud__grid__label,
    .el-dialog__body,
    .avue--detail .el-row,
    .el-collapse,
    .avue-dialog__footer,
    .avue--detail .el-form-item,
    .avue--detail .el-form-item__label,
    .avue--detail .el-form-item__content,
    .avue--detail .el-input.is-disabled .el-input__wrapper,
    .avue--detail .el-input.is-disabled .el-input__inner, .avue--detail .el-range-editor.is-disabled, .avue--detail .el-range-editor.is-disabled input, .avue--detail .el-textarea.is-disabled .el-textarea__inner,
    .el-form-item__label,
    .el-input-number__decrease, .el-input-number__increase,
    .el-textarea__inner,
    .el-input-group__append, .el-input-group__prepend,
    .el-tabs__item,
    .el-radio,
    .avue--detail .el-checkbox__input.is-disabled+span.el-checkbox__label, .avue--detail .el-radio__input.is-disabled+span.el-radio__label,
    .avue-crud__dialog__menu i,
    .el-icon,
    .el-popper.is-light,
    .el-select-dropdown__item,
    .avue-sidebar,
    .el-dropdown-menu,
    .el-dropdown-menu__item,
    .el-dropdown-menu__item:not(.is-disabled):focus
     {
        background: none;
        --el-tree-node-hover-bg-color: none;
        --el-table-border-color: none;
        --el-table-row-hover-bg-color: none;
        color: #ffffff;
        --el-tree-text-color: #ffffff;
        --el-table-text-color: #ffffff;
        --el-table-header-text-color: #ffffff;
        --el-table-current-row-bg-color: #ffffff;
        --el-table-fixed-box-shadow: none;
        --el-table-bg-color: #ffffff;
        --el-table-tr-bg-color: none;
        --el-table-expanded-cell-bg-color: none;
    }
    .el-table,
    .el-table tr,
    .avue-crud .el-table th.el-table__cell {
        --el-table-border-color: rgba(55, 228, 226, 0.4);
        --el-table-header-bg-color: rgba(55, 228, 226, 0.3);
        
    }
    .el-table__header-wrapper,
    .el-select-dropdown__item.is-hovering {
        background: rgba(55, 228, 226, 0.3);
    }
    .avue-group .el-collapse, .avue-group .el-collapse-item__wrap, .data-card .item,
    .avue-dialog__footer,
    .avue-dialog .el-dialog__header, .avue-dialog .el-drawer__header,
    .avue--detail .el-row,
    .avue--detail .el-col,
    .avue--detail .el-form-item__content,
    .el-dropdown-menu__item--divided {
        border: rgba(55, 228, 226, 0.3);
    }
    .el-table .sort-caret.ascending {
        border-bottom-color: #ffffff;
    }
    .el-table .sort-caret.descending {
        border-top-color: #ffffff;
    }
    .el-pagination {
        --el-pagination-bg-color: none;
        --el-pagination-text-color: #ffffff;
        --el-pagination-button-color: #ffffff;
        --el-pagination-button-disabled-color: none;
        --el-pagination-button-disabled-bg-color: none;
        --el-pagination-button-bg-color: none;
        --el-pagination-hover-color: none;
    }
    .el-tree-node__content:hover,
    .el-tree-node__content:focus {
        background: none;
        color: #37E4E2;
    }

    .el-dialog,
    .el-drawer,
    .el-message-box,
    .avue-crud__grid__content,
    .el-popper.is-light {
        background-image: url("/img/tcbg@2x.png") !important;
        background-size: 100% 100% !important;
    }
    .avue-tags .el-tabs__nav-prev, .avue-tags .el-tabs__nav-next {
        line-height: 45px;
    }
    .el-button--primary,
    .el-button,
    .el-button--info.is-link, .el-button--info.is-plain, .el-button--info.is-text {
        --el-button-text-color: rgba(255, 255, 255, 0.8);
        --el-button-bg-color: rgba(55,228,226,0.32);
        --el-button-border-color: rgba(55,228,226,0.32);
        --el-button-outline-color: var(--el-color-primary-light-5);
        --el-button-active-color: var(--el-color-primary-dark-2);
        --el-button-hover-text-color: var(--el-color-white);
        --el-button-hover-link-text-color: var(--el-color-white);
        --el-button-hover-bg-color: rgba(55,228,226,0.32);
        --el-button-hover-border-color: rgba(55,228,226,0.32);
        --el-button-active-bg-color: rgba(55,228,226,0.32);
        --el-button-active-border-color: rgba(55,228,226,0.32);
    }
    .el-button--danger.is-link, .el-button--danger.is-plain, .el-button--danger.is-text {
        --el-button-text-color: var(--el-color-danger);
        --el-button-bg-color: rgba(255,10,10,0.24);
        --el-button-border-color: rgba(255,10,10,0.24);
        --el-button-hover-text-color: var(--el-color-white);
        --el-button-hover-bg-color: rgba(255,10,10,0.24);
        --el-button-hover-border-color: rgba(255,10,10,0.24);
        --el-button-active-text-color: var(--el-color-white);
    }
    .el-pagination.is-background .el-pager li,
    .el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .btn-prev.is-active, .el-pagination.is-background .el-pager li.is-active,
    .el-pagination.is-background .btn-next.is-disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.is-disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.is-disabled, .el-pagination.is-background .el-pager li:disabled
     {
        border: 1px solid #37E4E2;
    }
    .el-loading-mask,
    .el-popper.is-light .el-popper__arrow:before {
        background-color: rgba(26, 95, 94, 0.8);

    }
}